<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./swiper-4.5.0/dist/css/swiper.min.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav>
<div class="container">
    <a href=""><img src="./images/duitang.png" alt="" class="dui"></a>
    <div class="fenlei">
        <a href="" class="fen" id="fen">
            <p>分类</p>
            <div class="tubiao-1"></div>
            <div class="tubiao-2"></div>
        </a>
        <div class="fen-a" id="fen_a">
            <div class="nav-top-a">
                <div class="nav-top-b">
                    <a href="" class="remen">热门推荐<i></i></a>
                    <a href="" class="liang">良品购<i></i></a>
                </div>
            </div>
            <div class="nav-bottom-a">
                <div class="nav-bottom-b">
                    <a href="">家居生活</a>
                    <a href="">美食菜谱</a>
                    <a href="">手工DIY</a>
                    <a href="">时尚搭配</a>
                    <a href="">美妆造型</a>
                    <a href="">婚纱婚礼</a>
                    <a href="">文字句子</a>
                    <a href="">插画绘画</a>
                    <a href="">影音书籍</a>
                    <a href="">人物明星</a>
                    <a href="">植物多肉</a>
                    <a href="">生活百科</a>
                    <a href="">搞笑萌宠</a>
                    <a href="">人文艺术</a>
                    <a href="">设计</a>
                    <a href="">古风</a>
                    <a href="">壁纸</a>
                    <a href="">旅行</a>
                    <a href="">头像</a>
                    <a href="">摄影</a>
                </div>
            </div>
        </div>
    </div>
       <input type="text" placeholder="搜索感兴趣的内容">
       <a href="">
           <div class="sou">
               <div class="sou-1">

               </div>
           </div>
       </a>
    <a href="" class="sheng">
        堆糖生活家
    </a>
    <a href="" class="deng">注册/登录</a>
</div>
</nav>
<main>
    <div class="container">
        <div class="tu-a">
            <a href=""><img src="./images/tu-a.jpeg" alt=""></a>
            <a href=""><img src="./images/tu-a_03.jpg" alt=""></a>
        </div>
        <div class="main-1">
            <div class="left">


                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./images/lun1.png" alt=""></div>
                        <div class="swiper-slide"><img src="./images/lun2.jpeg" alt=""></div>
                    </div>
                    <div class="yy">

                    </div>
                    <div class="yy-1"></div>
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>





            </div>
            <div class="right">
                <div class="shequ">
                    <h3>社区热点</h3>
                    <div class="xian-1">
                    </div>
                </div>
                <div class="oumei">
                    <a href="">欧美风</a>
                    <a href="">美甲</a>
                    <a href="">东宫</a>
                    <a href="">张云雷</a>
                    <a href="">插画</a>
                    <a href="">女生节</a>
                    <a href="">阿丽塔</a>
                    <a href="">猫</a>
                </div>
                <div class="xian-2">
                </div>
                <div class="jing">
                    <p class="xuan">精选</p>
                    <p class="zhao">招募•少女感养成...</p>
                </div>
                <div class="gong">
                    <p class="xuan">工具</p>
                    <p class="zhao">堆糖收图小助手</p>
                </div>
                <div class="xian-2">
                </div>
                <div class="tu-3">
                    <img src="./images/tu-3.png" alt="">
                </div>
                <div class="tit">
                    <p style="font-size: 13px">堆糖•美好生活研究所</p>
                    <p style="font-size: 12px">最佳生活类应用</p>
                    <a href="">立即下载</a>
                </div>
            </div>
        </div>
        <div class="main-2">
            <div class="left-1">
                <div class="one-1">
                    <p>▎每日精选</p>
                </div>
                <div class="two-1">
                    <p>关注动态</p>
                </div>

            </div>
            <div class="center">
                <div class="tt-1">
                    <div class="tt-top">
                            <div class="tt1">
                                <img src="./images/tt1.png" alt="">
                            </div>
                            <h4>堆糖小喇叭</h4>
                            <p class="txt-1">热门内容</p>
                        <p class="txt">留下壁纸，我们就是朋友</p>
                        <img src="./images/h1_03.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>140</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>219</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href="">
                                <p class="hao">…</p>
                                <p class="geng">更多</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt2.png" alt="">
                        </div>
                        <h4>colorroom彩条屋</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                        <img src="./images/h2_03.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>1228</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>1581</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href="">
                                <p class="hao">…</p>
                                <p class="geng">更多</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt3.png" alt="">
                        </div>
                        <h4>美少女PINK酱</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">9.9包邮的宿舍神器，好用死了！连查寝的老师都跟我要链接！</p>
                        <div class="txtt-a">
                            <div class="tc-1"><img src="./images/tu-b_07.jpg" alt=""></div>
                            <div class="txtt-b">
                                <img src="./images/tt3.png" alt="" class="tu-15">
                                <p>美少女PINK酱</p>
                            </div>
                            <div class="txtt-c">
                                <i class="fa fa-file-text-o" style="color: #ffffff"></i>
                                <p>文章</p>
                            </div>
                        </div>
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>161</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>765</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt4.png" alt="">
                        </div>
                        <h4>-你是我全世界最喜欢的猪-</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">有哪些适合摘抄的 文艺且悲凉的句子？</p>
                        <img src="./images/h4_06.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>82</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>274</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt5.png" alt="">
                        </div>
                        <h4>干脆面炼金术师</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">人生的意义，在于一天比一天活得快乐</p>
                        <div class="txtt-a">
                            <img src="./images/tu_03_03.jpg" alt="">
                            <div class="txtt-b">
                                <img src="./images/tt5.png" alt="" class="tu-15">
                                <p>干脆面炼金术师</p>
                            </div>
                            <div class="txtt-c" id="txtt-c">
                                <i class="fa fa-file-text-o" style="color: #ffffff"></i>
                                <p>文章</p>
                            </div>
                        </div>
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>54</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>104</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""> <p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt1.png" alt="">
                        </div>
                        <h4>堆糖小喇叭</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">主题-我曾为你动过情</p>
                        <img src="./images/h6_10.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>300</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>665</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt4.png" alt="">
                        </div>
                        <h4>-你是我全世界最喜欢的猪-</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">登上79所高校学生借阅排行榜的九本。</p>
                        <img src="./images/h7_12.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>59</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>151</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt6.png" alt="">
                        </div>
                        <h4>情写风月</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">799风景内测美化包。</p>
                        <img src="./images/h8_14.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>35</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>22</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p></a>
                            <p class="geng">更多</p>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt7.png" alt="">
                        </div>
                        <h4>审</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">火影你们粉谁 留名我去截头像</p>
                        <img src="./images/h9_16.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>9</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>1</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt3.png" alt="">
                        </div>
                        <h4>美少女PINK酱</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                        <div class="txtt-a">
                            <div class="tc-1">
                                <img src="./images/h10_18_03.jpg" alt="">
                            </div>
                            <div class="txtt-b">
                                <img src="./images/tt3.png" alt="" class="tu-15">
                                <p>美少女PINK酱</p>
                            </div>
                            <div class="txtt-c">
                                <i class="fa fa-file-text-o" style="color: #ffffff"></i>
                                <p>文章</p>
                            </div>
                        </div>
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>57</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""> <img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>126</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt8.png" alt="">
                        </div>
                        <h4>少女感养成学院</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">同桌的你</p>
                        <img src="./images/h11_03.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>89</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>106</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt1.png" alt="">
                        </div>
                        <h4>堆糖小喇叭</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">我的CP真香！</p>
                        <img src="./images/h12_20.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>91</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>107</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt9.png" alt="">
                        </div>
                        <h4>白日做梦大熊</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">当女生也太太太太不容易了</p>
                        <img src="./images/h13_22.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>78</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>76</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt4.png" alt="">
                        </div>
                        <h4>-你是我全世界最喜欢的猪-</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">有哪些好看 值得回味的爱情电影？</p>
                        <img src="./images/h14_03.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>80</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>293</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt10.png" alt="">
                        </div>
                        <h4>堆糖Class小助手</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">伴随一生[少女感]，拥有它一点也不难</p>
                        <img src="./images/h15_06.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>34</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>41</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt11.png" alt="">
                        </div>
                        <h4>飞乐鸟</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">女生千万别看这些言情小说……不然会被里面的沙雕桥段给</p>
                        <img src="./images/h16_24.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>68</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""> <img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>63</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt3.png" alt="">
                        </div>
                        <h4>美少女PINK酱</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
                        <img src="./images/h17_26.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>139</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>461</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="tt-1">
                    <div class="tt-top">
                        <div class="tt1">
                            <img src="./images/tt4.png" alt="">
                        </div>
                        <h4>-你是我全世界最喜欢的猪-</h4>
                        <p class="txt-1">热门内容</p>
                        <p class="txt">中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
                        <img src="./images/h18_28.png" alt="">
                    </div>
                    <div class="tt-bottom">
                        <div class="t-left">
                            <a href=""><img src="./images/tu-11_03.jpg" alt=""></a>
                            <p>42</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-cen">
                            <a href=""><img src="./images/tu-ab_03.jpg" alt=""></a>
                            <p>71</p>
                        </div>
                        <div class="xian-a">

                        </div>
                        <div class="t-right">
                            <a href=""><p class="hao">…</p>
                                <p class="geng">更多</p></a>
                        </div>
                    </div>
                </div>
                <div class="bot">
                    <a href="">查看更多</a>
                    <div class="tutu">

                    </div>
                </div>
            </div>

            <div class="right-1">
                <div class="tt-ri-a">
                    <a href=""><h4 style="color: #111111">推荐关注</h4></a>
                    <a href=""><p>换一批</p></a>
                </div>
                <div class="tt-ri-b">
                    <div class="tt-tt">
                        <div class="tou-1">
                            <img src="./images/tou2.png" alt="">
                        </div>
                       <div class="tou-2">
                           <p style="color: #111">一望损莓苔</p>
                           <p style="color: #999">擅长领域：<span style="color:#333">手工园艺</span></p>
                       </div>
                        <a href="">关注</a>
                    </div>
                    <div class="tt-tt">
                        <div class="tou-1">
                            <img src="./images/tou1.png" alt="">
                        </div>
                        <div class="tou-2">
                            <p style="color: #111">猫头鹰叔叔</p>
                            <p style="color: #999">擅长领域：<span style="color:#333">摄影</span></p>
                        </div>
                        <a href="">关注</a>
                    </div>
                    <div class="tt-tt">
                        <div class="tou-1">
                            <img src="./images/tou3.png" alt="">
                        </div>
                        <div class="tou-2">
                            <p style="color: #111">兔纸鱼</p>
                            <p style="color: #999">擅长领域：<span style="color:#333">Q版</span></p>
                        </div>
                        <a href="">关注</a>
                    </div>
                    <div class="tt-tt">
                        <div class="tou-1">
                            <img src="./images/tou4.png" alt="">
                        </div>
                        <div class="tou-2">
                            <p style="color: #111">小熊奶黄包</p>
                            <p style="color: #999">擅长领域：<span style="color:#333">壁纸，Q版</span></p>
                        </div>
                        <a href="">关注</a>
                    </div>
                </div>
                <div class="gengduo">
                    <a href="">查看更多></a>
                </div>
                <div class="erwei">
                    <img src="./images/erwei.jpeg" alt="">
                </div>
            </div>
        </div>
    </div>
</main>
<footer>
    <div class="container">
        <div class="fer-top">
            <div class="one-a">
                <p>APP下载</p>
                <div class="tu-ta"><img src="./images/Apperweima.png" alt=""></div>
                <p>扫描二维码</p>
                <p>下载堆糖手机客户端</p>
            </div>
            <div class="one-b">

            </div>
            <div class="one-c">
                <p>关于我们</p>
                <ul>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">加入我们</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">商务合作</a></li>
                </ul>
            </div>
            <div class="one-c">
                <p>关于我们</p>
                <ul>
                    <li><a href="">新浪微博</a></li>
                    <li><a href="">微信公众号</a></li>

                </ul>
            </div>
            <div class="one-d">
                <p>友情链接</p>
                <ul>
                    <li><a href="">爱物网</a></li>
                    <li><a href="">东方女性网</a></li>
                    <li><a href="">肉丁网</a></li>
                    <li><a href="">更多..</a></li>
                </ul>
            </div>
        </div>
        <div class="fer-bot">
            <div class="zong">
                <p class="zong-1">&copy;2019 duitang.com 版权所有。沪ICP备10038086号-3 </p>
                <p class="zong-2"><img src="./images/one-1.png" alt=""></p>
                <p class="zong-3"><img src="./images/one-2.png" alt=""></p>
                <p class="zong-4">丨增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
            </div>
            <div class="zong-b">
                <p class="zong-b-2"><img src="./images/one-3.png" alt=""></p>
                <p class="zong-b-1">上海市互联网违法和不良信息举报中心丨有害内容举报电话：021-63462282</p>
            </div>


        </div>
    </div>
</footer>
<div id="toTop">↑</div>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>